/**app.wxss**/
button, page, view, image{
  margin: 0;
  padding: 0;
}
button::after{
  border:none;
}
image{
  width: 0;
  height: initial;
}
.red {
	color: red !important;
}
.mt5 {
	margin-top: 10upx;
}
.mt10 {
	margin-top: 20upx;
}
.ml5 {
	margin-left: 10upx;
}
.ml10 {
	margin-left: 20upx;
}
.mb10 {
	margin-bottom: 20upx;
}
.mt25 {
	margin-top: 50upx;
}
.mt28 {
	margin-top: 56upx;
}
.overflow {
	overflow: hidden;
	display: inline-block;
	white-space: nowrap;
}
.redRule {
	color: red;
	line-height: 70upx;
	padding-left: 10upx;
}
page{
  background-color: #F6F6F6;
  font-family: PingFang SC;
  font-size: 30rpx;
  font-weight: 400;
  color: #333333;
  height: 100vh;
  width: 100%;
}
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
} 
.tabbar{
  height: 100rpx;
  margin-top: 100rpx;
}
.column {
  display: flex;
  align-items: center;
  flex-flow: column;
}
.between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.betweenInfo {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.center {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.van-tabbar-item{
  background-color: #fff;
}
.van-tabbar-item .van-tabbar-item__text {
  padding-bottom: 10rpx;
}
.van-tabbar-item--active .van-tabbar-item__text {
  padding-bottom: 10rpx;
  font-weight: 400;
  border-bottom: 2rpx solid #5ACCB7;
}

// /*复选框外框样式*/
// checkbox .wx-checkbox-input {
//   width: 28rpx;
//   height: 28rpx;
//   border: 4rpx solid #999;
//   border-radius: 100%;
// }
// /*复选框外框选中样式*/
// checkbox .wx-checkbox-input.wx-checkbox-input-checked {
//   border-color: #5ACCB7;
// }
// /*复选框选中后内部样式*/
// checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
//   width: 60%;
//   height: 60%;
//   background: #5ACCB7;
//   border-radius: 100%;
//   content: '';
//   transform: translate(-50%, -50%) scale(1);
//   -webkit-transform: translate(-50%, -50%) scale(1);
// }
radio{
  transform:scale(0.7);
}
.banner{
  width: 714rpx;
  height: 300rpx;
  /* box-sizing: border-box; */
  padding: 24rpx 0;
}
.van-dialog{
  border-radius: 12rpx !important;
}

.titleBox{
  height: 60rpx;
  line-height: 60rpx;
  margin-top: 24rpx;
  // margin-left: 28rpx;
}
.titleBox .leftBorder{
  display: inline-block;
  width: 8rpx;
  height: 28rpx;
  background-color: #7ACBB3;
}
.titleBox .titleText{
  font-size: 32rpx;
  font-weight: 400;
  padding-left: 12rpx;
  color: #666666;
}
.userIcon{
  width: 96upx;
  height: 140upx;
}
.flex {
  display: flex;
}
.label{
  width: 120rpx;
  height: 38rpx;
  line-height: 38rpx;
  font-size: 28rpx;
  text-align-last: justify;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.label:after{
  content: "";
  width: 100%;
  display: inline-block;
  height: 0;
}

.mt20 {
	margin-top: 40upx;
}
.mt40 {
	margin-top: 80upx;
}
.ml20 {
	margin-left: 40upx;
}
.mr20 {
	margin-right: 40upx;
}
.ml30{
	margin-left: 60upx;
}
.mr30{
	margin-right: 60upx;
}
.ml40{
	margin-left: 80upx;
}
.mr40{
	margin-right: 80upx;
}
.ml10 {
	margin-left: 20upx;
}
.mr10 {
	margin-right: 20upx;
}

	.noInterviewee {
		margin-top: 80upx;
		width: 100%;
		min-height: 440upx;
		display: flex;
		flex-direction: column;
		align-items: center;
	
		.noInforIcon {
			width: 326upx;
			height: 200upx;
		}
	
		.noInforText {
			font-size: 36upx;
			color: #999;
			padding-top: 40upx;
		}
	}
// 页面样式
.pageTemplate {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: initial;
	background-color: #fff;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
		.facePage {
			width: 100%;
			padding: 0 20upx;
			box-sizing: border-box;
		}
		.uploadImgBox {
			width: 100%;
			min-height: 350upx;
			border-radius: 16upx;
			background-color: #fff;
			margin-top: 20upx;
			padding: 16upx;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			.loadImg {
				width: 208upx;
				height: 208upx;
				background: url(https://fangke.geely.com/images/mobile/loadIcon.png) no-repeat;
				background-size: contain;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 100upx;
				color: #999;
				.loadIcon {
					width: 100%;
					height: 100%;
				}
			}
			.imgTips {
				color: #999;
				line-height: 80upx;
			}
		}
	.serchInputBox {
		width: 100%;
		padding: 0 20upx;
		box-sizing: border-box;
		margin: 32upx 0 0;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		.searchBtn {
			height: 72upx;
			line-height: 72upx;
			// margin-left: 20upx;
			width: 100upx;
			border-radius: 12upx;
			background: url(https://fangke.geely.com/images/mobile/car11.png) no-repeat;
			background-size: 100% 100%;
			color: #fff;
			font-size: 28upx;
		}
		.searchInput {
			width: 580upx;
			height: 72upx;
			line-height: 72upx;
			background-color: #fff;
			border-radius: 16upx;
			// text-indent: 2rem;
			padding: 0 20upx;
			box-sizing: border-box;
		}
	}
	.topMenu {
		// background-color: #5366fb;
		width: 100%;
		height: 60upx;
		// padding-top: 30upx;
		// padding-bottom: 30upx;
		box-sizing: border-box;
		// color: #ccc;
		font-size: 32upx;
		padding: 0 20upx;
		box-sizing: border-box;
		.menuItem {
			width: 100%;
			display: flex;
			flex-direction: row;
			// justify-content: space-around;
			border-radius: 16upx;
			overflow: hidden;
		}
		.menuItemText {
			flex-shrink: 0;
			width: 50%;
			text-align: center;
			height: 64upx;
			line-height: 64upx;
			background-color:#c0c4c8 ;
			font-size: 32upx;
			// padding: 15upx;
			// border: 1px solid #007AF4;
		}
		.activeStyle {
			color: #fff;
			background-color: #030F1B;
			font-weight: 600;
		}
	}
	.topTimePick {
		background-color: #F8F8FA;
		width: 100%;
		height: 80upx;
		align-items: flex-start;
		margin-top: -40upx;
		box-sizing: border-box;
		border-top-left-radius: 40upx;
		border-top-right-radius: 40upx;
		color: #ccc;
		.timePick {
			font-size: 36upx;
			// padding-top: 20upx;
			.picker {
				width: 100%;
				text-align: center;
				.noData {
					color: #007AF4;
				}
				.defalut {
					color: #444;
				}
			}
		}
	}
	
	.visitorRecordList {
		border-top-left-radius: 40upx;
		border-top-right-radius: 40upx;
		width: 100%;
		height: calc(100% - 160upx);
		// background-color: #fff;
		// margin-top: -40upx;
	
		.listBox {
			// height: 100%;
			width: 100%;
			padding: 0 20upx;
			box-sizing: border-box;
			margin-bottom: 40upx;
			.dateItem {
				
				.dateItemText{
					padding: 0 30upx;
					box-sizing: border-box;
					color: #999;
				}
			}
		}
	
		.intervieweeItem {
			// width: 720upx;
			width: 100%;
			// height: 240upx;
			background-color: #fff;
			box-shadow: 0 0 0 2upx #eee;
			border-radius: 24upx;
			// margin-top: 30upx;
			margin: 20upx auto 0;
			display: flex;
			flex-direction: column;
			align-items: center;
			
			.interviewType {
				height: 60upx;
				line-height: 60upx;
				width: 100%;
				text-align: center;
				border-bottom: 1px solid #eee;
			}
			
			.intervieweeInfor {
				width: 100%;
				padding: 20upx 0;
				box-sizing: border-box;
				justify-content: space-between;
			}
	
			.leftInforCard {
				width: calc(100% - 200upx);
				height: 100%;
				padding: 0 30upx;
				box-sizing: border-box;
				font-size: 28upx;
				.card-item  {
					height: 50upx;
					line-height: 50upx;
					font-size: 30upx;
					display: flex;
					flex-direction: row;
					align-items: center;
					.reason {
						display: inline-block;
						width: 130upx;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
					}
				}
				.intervieweeName {
					// font-size: 40upx;
					height: 60upx;
					line-height: 60upx;
					// font-size: 32upx;
					font-weight: bold;
					width: 100%;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
				.intervieweeDept,
				.intervieweeTel {
					color: #999;
					.label {
						padding: 0 0 0 5upx;
					}
					.name {
						color: #333;
					}
				}
			}
			.rightCheckBox {
				width: 180upx;
				margin-right: 20upx;
				background: url(https://fangke.geely.com/images/mobile/visitor/anying@2x.png) no-repeat;
				background-size: 100% 100%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				.checkBoxGroup {
					display: flex;
					justify-content: center;
					align-items: center;
				}
			}
			.RightInforIcon {
				width: 180upx;
				margin-right: 20upx;
				background: url(https://fangke.geely.com/images/mobile/visitor/anying@2x.png) no-repeat;
				background-size: 100% 100%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				align-items: flex-end;
				.look {
					color: #007AF4;
					margin-right: 20upx;
					padding: 10upx;
					// border: 1px solid #007AF4;
					border-radius: 12upx;
				}
				.status {
					margin-right: 20upx;
					width: 130upx;
					height: 50upx;
					line-height: 50upx;
					text-align: center;
					font-size: 28upx;
					border-radius: 16upx;
					color: #fff;
				}
				.waitting {
					background-color: #2471CB;
				}
				.success {
					background-color: #1da450;
				}
				.refuse {
					background-color: rgba(238, 117, 46, 1);
				}
				.outOfTime {
					background-color: #eeec8a;
				}
			}
			.statusIcon {
				// width: 90upx;
				height: 220upx;
			}
		}
	}
}

.segmented {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow-x: none;
	.segmentedContent {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		margin-top: 16upx;
		// margin-bottom: 120upx;
		height: calc(100% - 80upx);
		background-color: #fff;
		border-top: 8upx solid #eee;
		padding-bottom: 60upx;
		box-sizing: border-box;
	}
}
.recordsBox {
	width: 100%;
	box-sizing: border-box;
	background-color: #ffffff;
	display: flex;
	flex-direction: row;
	padding: 0 20upx;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	// overflow-y: scroll;
	.leftLine {
		width: 30px;
		height: initial;
		margin-left: 20upx;
		border-left: 4upx solid #f7f8fe;
		padding: 20upx 0;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		.lineHeight {
			margin-top: 20upx;
			height: 320upx;
			margin-left: -20upx;
			.circle {
				margin-top: 10upx;
				width: 40upx;
				height: 40upx;
				border-radius: 50%;
				background-color: #5160ff;
				display: flex;
				align-items: center;
				justify-content: center;
				.inCircle {
					width: 20upx;
					height: 20upx;
					border-radius: 50%;
					background-color: #fff;
				}
			}
		}
	}
	.rightCardBox {
		width: calc(100% - 96upx);
		display: flex;
		align-items: center;
		flex-direction: column;
		.card_content {
		  width: 100%;
		  border-radius: 24upx;
		  display: flex;
		  flex-direction: column;
		  font-size: 26upx;
		  margin: 20upx 10upx 10upx;
		  box-shadow: 0upx 2upx 8upx 2upx rgba(69, 81, 110, 0.17);
			.cardText {
				font-size: 12px;
			  height: 60upx;
			  line-height: 60upx;
			  color: #9e9e9e;
			}
			.cardTop {
			  background-color: #f9fbfc;
			  height: 100upx;
			  display: flex;
			  flex-direction: row;
			  justify-content: space-between;
			  align-items: center;
			  padding: 0 0 0 30upx;
			  box-sizing: border-box;
				.leftName {
				  color: #333;
				  font-size: 34upx;
				  font-weight: bold;
				  margin-right: 20upx;
				}
				.rightStatus {
				  width: 0;
				  height: 0;
				  border-top: 100upx solid #5160ff;
				  border-left: 100upx solid transparent;
				  position: relative;
				  /* margin-left: 10px; */
					.connerTriangle {
					  position: absolute;
					  top: -100upx;
					  left: -54upx;
					  z-index: 1;
					  width: 0;
					  height: 0;
					  border-top: 56upx solid #f9fbfc;
					  border-left: 56upx solid transparent;
					}
					.statusText {
					  position: absolute;
					  width: 120upx;
					  text-align: center;
					  top: -80upx;
					  left: -96upx;
					  color: #fff;
					  font-size: 26upx;
					  transform: rotate(45deg);
					  -webkit-transform: rotate(45deg);
					  -moz-transform: rotate(45deg);
					  -o-transform: rotate(45deg);
					  -ms-transform: rotate(45deg);
					}
				}
				.refuse {
					border-top: 100upx solid #EE0A24;
					color: #fff;
				}
				.waitting {
					border-top: 100upx solid #5160ff;
					color: #fff;
				}
				.success {
					border-top: 100upx solid #87d39e;
					color: #fff;
				}
				.outOfTime {
					border-top: 100upx solid #eeec8a;
					color: #fff;
				}
				.leave {
					border-top: 100upx solid #999;
					color: #fff;
				}
			}
			.cardContent {
			  display: flex;
			  flex-direction: row;
			  justify-content: space-between;
			  align-items: center;
			  padding: 20upx 30upx;
				.RightImg {
				  width: 140upx;
				  height: 140upx;
					background-color: #007AFF;
					color: #fff;
					border-radius: 50%;
					text-align: center;
					line-height: 140upx;
				}
			}
			.approveBtn {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				border-top: 1px solid #eee;
				padding: 0 20upx;
				box-sizing: border-box;
				.approveBtnItem {
					min-width: 120upx;
					line-height: 60upx;
					text-align: center;
				}
				.refuse {
					color: #EE0A24;
				}
				.agree {
					color: #1989FA;
				}
				.pass {
					color: #58A55C;
				}
			}
		}
	}
}
.approveAll {
	width: 100%;
	padding: 0 40upx;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	bottom: 140upx;
	// height: 80upx;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	.refuseAll {
		width: 180upx;
		line-height: 66upx;
	}
	.agreeAll {
		width: 400upx;
		line-height: 66upx;
		margin-left: 120upx;
		background-color: blue;
		margin: 0 auto;
	}
}
.right {
	float: right;
	&::after{
		clear: both;
	}
}
.ml50 {
	margin-left: 100upx;
}
//首页按钮样式
.menuBox {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 10px;
  background-color: #fff;
}
.menuBox .actionMenu {
  width: 100%;
  height: 72px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.menuBox .actionMenu .menuCard {
  width: 180px;
  height: 100%;
  background-color: #E9F0FE;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border-top-left-radius: 30px;
}
.menuBox .actionMenu .menuCard:nth-child(2) {
  background-color: #FDF3E4;
  margin-left: 20px;
}
// .menuBox .actionMenu .menuCard .menuIcon {
//   width: 66px;
//   height: 66px;
//   margin-left: 20px;
// }
// .menuBox .actionMenu .menuCard .menuName {
//   line-height: 50px;
//   font-size: 18px;
// }
.menuCard{
	width: 360upx;
	height: 100%;
	background-color: #E9F0FE;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border-radius: 20upx;
	border-top-left-radius: 60upx;
	&:nth-child(2) {
		background-color: #FDF3E4;
		margin-left: 40upx;
	}
	.menuIcon{
		width: 120upx;
		height: 120upx;
		margin-left: 20upx;
	}
	.menuName{
		line-height: 100upx;
		font-size: 36upx;
	}
}

// 当前身份
.identityTop{
	margin-top: 20upx;
	font-weight: bold;
}
.information {
		width: 345upx;
		height: 33upx;
		background-color: rgba(255, 255, 255, 100);
		font-size: 12upx;
		font-family: Microsoft Yahei;
		text-align: center;
		border-radius: 5upx;
	}
	.available {
		padding-top: 8upx;
	}
